<!DOCTYPE html>
<html>
<!-- Mirrored from www.zi-han.net/theme/hplus/empty_page.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:52 GMT -->

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>成员管理</title>
    <meta name="keywords" content="第八站,商品分类,后台HTML,响应式后台">
    <meta name="description" content="第八站管理后台">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="libs/layui/css/layui.css">
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="libs/page/pager.css">
    <link rel="stylesheet" href="css/common.css">
    <style type="text/css">
    td {
        line-height: 10px!important;
    }
    </style>
</head>

<body class="gray-bg">
    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-sm-4">
            <h2>成员管理</h2>
            <ol class="breadcrumb">
                <li>
                    <a href="index-2.html">主页</a>
                </li>
                <li>
                    <span>权限设置</span>
                </li>
                <li>
                    <strong>成员管理</strong>
                </li>
            </ol>
        </div>
        <div class="col-sm-8">
            <div class="title-action">
                <!-- <a href="empty_page.html" class="btn btn-primary">活动区域</a> -->
            </div>
        </div>
    </div>
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content container-fiuled">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class=" pull-left" style="width: 100%;">
                                    <form class="form-horizontal" role="form">
                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <span class="panel-title">
                                                    筛选查询
                                                </span>
                                            </div>
                                            <div class="panel-body">
                                                <div class="row">
                                                    <div class="col-md-9">
                                                        <label class="control-label">后台账号：</label>
                                                        <input class="form-control select-input margin-r-20" type="text" name="">
                                                        <label class="control-label">所属部门：</label>
                                                        <select class="form-control pay-method" name="">
                                                            <option value="0">全部</option>
                                                            <option value="1">运营部</option>
                                                            <option value="2">开发部</option>
                                                            <option value="2">设计部</option>
                                                            <option value="2">超级管理员</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <button type="button" class="btn btn-primary pull-right select-btn">查询</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <button onclick="showModal()" class="btn btn-primary add-article">添加成员</button>
                                <table class="table table-bordered table-hover table-center">
                                    <thead>
                                        <tr>
                                            <th width="200px">后台账号</th>
                                            <th>真实姓名</th>
                                            <th>联系电话</th>
                                            <th>所属部门</th>
                                            <th>添加时间</th>
                                            <th>最后登录</th>
                                            <th>是否启用</th>
                                            <th>操作</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>wensire</td>
                                            <td>牛太郎</td>
                                            <td>18950124444</td>
                                            <td>运营部</td>
                                            <td>2017年10月26日15:31:32</td>
                                            <td>2017年10月26日15:31:32</td>
                                            <td>
                                                <form class="layui-form layui-form-pane1" action="" lay-filter="first">
                                                    <input type="checkbox" name="zzz" lay-skin="switch" lay-text="启用|关闭">
                                                </form>
                                            </td>
                                            <td>
                                                <button type="button" class="btn btn-xs btn-primary" onclick="jurisdictionModal()">
                                                    权限设置
                                                </button>
                                                <button type="button" class="btn btn-xs btn-success" onclick="showModal()">
                                                    编辑
                                                </button>
                                                <button type="button" class="btn btn-xs btn-danger">删除</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>wensire</td>
                                            <td>牛太郎</td>
                                            <td>18950124444</td>
                                            <td>运营部</td>
                                            <td>2017年10月26日15:31:32</td>
                                            <td>2017年10月26日15:31:32</td>
                                            <td>
                                                <form class="layui-form layui-form-pane1" action="" lay-filter="first">
                                                    <input type="checkbox" name="zzz" lay-skin="switch" lay-text="启用|关闭">
                                                </form>
                                            </td>
                                            <td>
                                                <button type="button" class="btn btn-xs btn-primary" onclick="jurisdictionModal()">
                                                    权限设置
                                                </button>
                                                <button type="button" class="btn btn-xs btn-success" onclick="showModal()">
                                                    编辑
                                                </button>
                                                <button type="button" class="btn btn-xs btn-danger">删除</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>wensire</td>
                                            <td>牛太郎</td>
                                            <td>18950124444</td>
                                            <td>运营部</td>
                                            <td>2017年10月26日15:31:32</td>
                                            <td>2017年10月26日15:31:32</td>
                                            <td>
                                                <form class="layui-form layui-form-pane1" action="" lay-filter="first">
                                                    <input type="checkbox" name="zzz" lay-skin="switch" lay-text="启用|关闭">
                                                </form>
                                            </td>
                                            <td>
                                                <button type="button" class="btn btn-xs btn-primary" onclick="jurisdictionModal()">
                                                    权限设置
                                                </button>
                                                <button type="button" class="btn btn-xs btn-success" onclick="showModal()">
                                                    编辑
                                                </button>
                                                <button type="button" class="btn btn-xs btn-danger">删除</button>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div>
                                    <dl class=" pull-right">
                                        <ul class="pagination" id="page1"></ul>
                                    </dl>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 新增成员弹框 -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">添加成员</h4>
                </div>
                <form class="form-horizontal" role="form">
                    <div class="modal-body">
                        <div class="form-group">
                            <label class="col-sm-1 control-label collection-label"><em class="red-color">*</em> 后台账号</label>
                            <div class="col-sm-9">
                                <input type="text" placeholder="请输入后台账号" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-1 control-label collection-label"><em class="red-color">*</em> 真实姓名</label>
                            <div class="col-sm-9">
                                <input type="text" placeholder="请输入真实姓名" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-1 control-label collection-label"><em class="red-color">*</em> 联系电话</label>
                            <div class="col-sm-9">
                                <input type="text" placeholder="请输入手机号码" class="form-control">
                            </div>
                        </div>
                        <div class="form-group draggable ui-draggable">
                            <label class="col-sm-1 control-label collection-label"><em class="red-color">*</em> 所属部门</label>
                            <div class="col-sm-9">
                                <select class="form-control" name="">
                                    <option value="1">运营部</option>
                                    <option value="2">开发部</option>
                                    <option value="3">设计部</option>
                                    <option value="4">超级管理员</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-1 control-label collection-label"><em class="red-color">*</em> 登录密码</label>
                            <div class="col-sm-9">
                                <input type="text" placeholder="请输入登录密码" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-1 control-label collection-label"><em class="red-color">*</em> 确认密码</label>
                            <div class="col-sm-9">
                                <input type="text" placeholder="请输入确认密码" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-1 control-label collection-label"><em class="red-color">*</em> 备注信息</label>
                            <div class="col-sm-9">
                                <textarea type="text/plain" placeholder="请输入添加原因" style="width:100%;height:100px;padding: 10px;"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary">添加</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- 权限设置弹框 -->
    <div class="modal fade" id="jurisdictionModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog websiteModal userModal">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">权限设置——当前部门：运营部</h4>
                </div>
                <form class="form-horizontal" role="form">
                    <div class="modal-body">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3 class="panel-title">
                                    <input type="checkbox" id="gameManage" value="1">游戏管理
                                </h3>
                            </div>
                            <div class="panel-body">
                                <table class="table table-bordered table-center">
                                    <tr>
                                        <td>
                                            <input type="checkbox" class="gameItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="gameItem chooseFruit" value="1">游戏ICON上传</td>
                                        <td>
                                            <input type="checkbox" class="gameItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="gameItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="gameItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="gameItem chooseFruit" value="1">游戏添加/删除</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="checkbox" class="gameItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="gameItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="gameItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="gameItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="gameItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="gameItem chooseFruit" value="1">游戏添加/删除</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3 class="panel-title">
                                    <input type="checkbox" id="operateManage" value="1">运营管理
                                </h3>
                            </div>
                            <div class="panel-body">
                                <table class="table table-bordered table-center">
                                    <tr>
                                        <td>
                                            <input type="checkbox" class="operateItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="operateItem chooseFruit" value="1">游戏ICON上传</td>
                                        <td>
                                            <input type="checkbox" class="operateItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="operateItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="operateItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="operateItem chooseFruit" value="1">游戏添加/删除</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="checkbox" class="operateItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="operateItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="operateItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="operateItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="operateItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="operateItem chooseFruit" value="1">游戏添加/删除</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3 class="panel-title">
                                    <input type="checkbox" id="memberManage" value="1">会员管理
                                </h3>
                            </div>
                            <div class="panel-body">
                                <table class="table table-bordered table-center">
                                    <tr>
                                        <td>
                                            <input type="checkbox" class="memberItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="memberItem chooseFruit" value="1">游戏ICON上传</td>
                                        <td>
                                            <input type="checkbox" class="memberItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="memberItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="memberItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="memberItem chooseFruit" value="1">游戏添加/删除</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="checkbox" class="memberItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="memberItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="memberItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="memberItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="memberItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="memberItem chooseFruit" value="1">游戏添加/删除</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3 class="panel-title">
                                    <input type="checkbox" id="systemManage" value="1">系统设置
                                </h3>
                            </div>
                            <div class="panel-body">
                                <table class="table table-bordered table-center">
                                    <tr>
                                        <td>
                                            <input type="checkbox" class="systemItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="systemItem chooseFruit" value="1">游戏ICON上传</td>
                                        <td>
                                            <input type="checkbox" class="systemItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="systemItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="systemItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="systemItem chooseFruit" value="1">游戏添加/删除</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="checkbox" class="systemItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="systemItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="systemItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="systemItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="systemItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="systemItem chooseFruit" value="1">游戏添加/删除</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3 class="panel-title">
                                    <input type="checkbox" id="countManage" value="1">统计管理
                                </h3>
                            </div>
                            <div class="panel-body">
                                <table class="table table-bordered table-center">
                                    <tr>
                                        <td>
                                            <input type="checkbox" class="countItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="countItem chooseFruit" value="1">游戏ICON上传</td>
                                        <td>
                                            <input type="checkbox" class="countItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="countItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="countItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="countItem chooseFruit" value="1">游戏添加/删除</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="checkbox" class="countItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="countItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="countItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="countItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="countItem chooseFruit" value="1">游戏添加/删除</td>
                                        <td>
                                            <input type="checkbox" class="countItem chooseFruit" value="1">游戏添加/删除</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary" onclick="getAllCheckData()">保存</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/content2.min.js?v=1.0.0"></script> -->
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script>
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
    <script type="text/javascript" src="libs/page/pager.js"></script>
    <script src="js/plugins/layer/laydate/laydate.js"></script>
    <script src="libs/layui/layui.js"></script>
    <script type="text/javascript">
    $('.deleteBtn').click(function() {
        swal({
            title: "您确定要删除这条数据吗",
            text: "删除后将无法恢复，请谨慎操作！",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "删除",
            closeOnConfirm: false
        }, function() {
            // do someting
            swal("删除成功！", "您已经永久删除了这条数据。", "success");
        });
    });
    $(function() {
        Page({
            num: 20, //页码数
            startnum: 0, //指定页码
            elem: $('#page1'), //指定的元素
            callback: function(n) { //回调函数
                console.log(n);
            }
        });
    })

    function showModal() {
        $('#myModal').modal('show');
    }

    function jurisdictionModal() {
        $('#jurisdictionModal').modal('show');
    }
    </script>
    <script type="text/javascript">
    layui.use('form', function() {
        var form = layui.form;
        form.on('switch', function(data) {
            console.log(data);
        });
    });
    </script>
    <script type="text/javascript">
    function setAllCheckBox(state, className) {
        var className = '.' + className
        if (state) {
            $(className).each(function() {
                $(this).prop("checked", false);
            });
        } else {
            $(className).each(function() {
                $(this).prop("checked", true);
            });
        }
    }

    function setCheckBox(className, idName) {
        var className = '.' + className;
        var idName = '#' + idName;
        $(className).each(function(i) {
            if (!$(this).is(':checked')) {
                $(idName).prop("checked", false);
                return false
            }
            if (i + 1 == $(className).length) {
                $(idName).prop("checked", true);
            }
        });
    }

    function getAllCheckData() {
        var arr = new Array();
        $('.chooseFruit:checked').each(function(i) {
            arr[i] = parseInt($(this).val());
        });
        console.log(arr);
    }
    // 游戏管理
    $("#gameManage").click(function() {
        setAllCheckBox(!$(this).is(':checked'), 'gameItem');
    });
    $(".gameItem").click(function() {
        setCheckBox('gameItem', 'gameManage');
    });
    // 运营管理
    $("#operateManage").click(function() {
        setAllCheckBox(!$(this).is(':checked'), 'operateItem');
    });
    $(".operateItem").click(function() {
        setCheckBox('operateItem', 'operateManage');
    });
    // 会员管理
    $("#memberManage").click(function() {
        setAllCheckBox(!$(this).is(':checked'), 'memberItem');
    });
    $(".memberItem").click(function() {
        setCheckBox('memberItem', 'memberManage');
    });
    // 系统设置
    $("#systemManage").click(function() {
        setAllCheckBox(!$(this).is(':checked'), 'systemItem');
    });
    $(".systemItem").click(function() {
        setCheckBox('systemItem', 'systemManage');
    });
    // 统计管理
    $("#countManage").click(function() {
        setAllCheckBox(!$(this).is(':checked'), 'countItem');
    });
    $(".countItem").click(function() {
        setCheckBox('countItem', 'countManage');
    });
    </script>
</body>
<!-- Mirrored from www.zi-han.net/theme/hplus/empty_page.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:52 GMT -->

</html>